<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/commom.css">
    <link rel="stylesheet" href="./css/detail.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <header>
        <div class="logo">
            <img src="./img/logo.png" alt="">
        </div>
    </header>
    <nav class="nav">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="#">中心简介</a>
                <ul class="subnav">
                    <li>宗旨</li>
                    <li>校训</li>
                    <li>校规</li>
                    <li>教学形式</li>
                    <li>交通路线</li>
                    <li>联系我们</li>
                </ul>
            </li>
            <li><a href="#">影音艺苑</a>
                <ul class="subnav">
                    <li>德音雅乐</li>
                    <li>影音课堂</li>
                    <li>活动记录</li>
                </ul>
            </li>
            <li><a href="#">教学为先</a>
                <ul class="subnav">
                    <li>幸福人生讲座</li>
                    <li>王凤仪性命学思想</li>
                    <li>原始点</li>
                    <li>研习班</li>
                    <li>义工班</li>
                    <li>原始点</li>
                    <li>专题讲座</li>
                    <li>周末班</li>
                </ul>
            </li>
            <li><a href="#">素食养生</a>
                <ul class="subnav">
                </ul>
            </li>
            <li><a href="#">义卖展示</a>
                <ul class="subnav">
                </ul>
            </li>
            <li><a href="#">爱心传递</a>
                <ul class="subnav">
                    <li>义工风采</li>
                    <li>义工活动</li>
                </ul>
            </li>
            <li><a href="#">网上报名</a>
                <ul class="subnav">
                    <li>长期义工报名</li>
                    <li>短期义工报名</li>
                    <li>网上义工报名</li>
                </ul>
            </li>
        </ul>
    </nav>
    <div class="content">
        <div class="inner_content">
            <div class="left_inner">
                <div class="l_one lbox">
                    <p class="title">影音艺苑</p>
                    <ul>
                        <li><a href="#">德音雅乐</a></li>
                        <li><a href="#">影音课堂</a></li>
                        <li><a href="#">活动记录</a></li>
                    </ul>
                </div>
                <div class="l_two lbox">
                    <ul>
                        <li><a href="#">【长期义工报名】</a></li>
                        <li><a href="#">【短期义工报名】</a></li>
                        <li><a href="#">【网上义工报名】</a></li>
                    </ul>
                </div>
                <div class="l_three lbox">
                    <img src="./img/contact_logo.png" alt="" class="logo">
                    <img src="./img/sidebar-contact-tit.png" alt="">
                    <p>电话: 13714177457</p>
                    <p>传真: 020-123456</p>
                    <p>E-mail: mingchengsz@163.com</p>
                    <p>地址: 深圳市福田区福强路福民新村福昌大厦一楼(联合广场附近或是高级技)</p>
                </div>
            </div>

            <div class="right_inner">
                <div>
                <div class="r_head">
                    <img src="./img/news_tit_02.png" alt="">
                    <p>您现在的位置: <a href="index.html">首页</a> > <a href="#">德音雅乐</a></p>
                </div>
                <div class="item_bottom">
                    <ul>
                        <li>
                            <span><a href="#">为国教子 以德育人幼儿师资培训班</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                        <li>
                            <span><a href="#">中华传统文化师资培训基地招募启示</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                       <li>
                            <span><a href="#">复旦校长批教育功利: 无德学生越有知识越祸</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                        <li> 
                            <span><a href="#">新城环保借助《弟子规》打造感恩企业文化</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                        <li> 
                            <span><a href="#">用《弟子规》调教一个现代企业</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                        <li> 
                            <span><a href="#">郑州市三院举办《弟子规》的传统文化培训班</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                        <li>
                            <span><a href="#">为国教子 以德育人幼儿师资培训班</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                        <li>
                            <span><a href="#">中华传统文化师资培训基地招募启示</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                       <li>
                            <span><a href="#">复旦校长批教育功利: 无德学生越有知识越祸</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                        <li> 
                            <span><a href="#">新城环保借助《弟子规》打造感恩企业文化</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                        <li> 
                            <span><a href="#">用《弟子规》调教一个现代企业</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                        <li> 
                            <span><a href="#">郑州市三院举办《弟子规》的传统文化培训班</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                        <li>
                            <span><a href="#">为国教子 以德育人幼儿师资培训班</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                        <li>
                            <span><a href="#">中华传统文化师资培训基地招募启示</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                       <li>
                            <span><a href="#">复旦校长批教育功利: 无德学生越有知识越祸</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                        <li> 
                            <span><a href="#">新城环保借助《弟子规》打造感恩企业文化</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                        <li> 
                            <span><a href="#">用《弟子规》调教一个现代企业</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                        <li> 
                            <span><a href="#">郑州市三院举办《弟子规》的传统文化培训班</a></span>
                            <span class="first">[2013-5-20]</span>
                        </li>
                    </ul>
                    <p class="page"><a href="#">首页</a> <a href="#">上一页</a> <a href="#">[1]</a> <a href="#">[2]</a> 
                        <a href="#">[3]</a> <a href="#">[4]</a> <a href="#">[5]</a> .. <a href="#">[199]</a> 
                        <a href="#">[200]</a> <a href="#">下一页</a> <a href="#">末页</a>/p>
                </div>
            </div>
        </div>
        </div>
    </div>
    <footer>
        <div class="footer_inner">
            <div class="footer_one">
                <div class="f_left">
                    <img src="./img/module-help-contact-bg.png" alt="">
                </div>
                <div class="f_center">
                    <h3>客服电话</h3>
                    <span>便捷的电话咨询</span>
                    <h1>400-123-4567</h1>
                </div>
                <div class="f_right">
                    <img src="./img/fri_tit.png" alt="">
                    <p style="line-height:20px;margin-top: 10px;"><a href="#">大方广文化公益网</a> <a href="#">马来西亚中华文化教育中心</a> 
                        <a href="#">净空</a>  <a href="#">方市化人的</a>  <a href="#">马来西亚中华文化教育中心</a></p>
                    <p style="line-height:20px;""><a href="#">争空老教授专集网站</a> <a href="#">争空老教授专集网站</a></p>
                </div>
            </div>
            <div class=" footer_two">
                <a href="#">首页</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="#">中心简介</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="#">影音艺苑</a> &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="#">教学为先</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="#">素食养生</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="#">义卖展示</a> &nbsp;&nbsp;&nbsp;&nbsp; 
                <a href="#">爱心传递</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="#">联系我们</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="#">网上报名</a>
                </div>
                <div class="footer_three">
                    地址:深圳市福田区福强路福民新村福昌大厦一楼 电话:020-123456邮箱:mingchengsz@163.com
                </div>
                <div class="footer_three">
                    板权所有:明诚国学教育中心 粤ICP备0903729号
                </div>
                <div class="footer_three">
                    <span><img src="./img/icon/ico_qq.gif" /><a href="#">客服1</a></span>
                    <span><img src="./img/icon/ico_qq.gif" /><a href="#">客服2</a></span>
                    <span><img src="./img/icon/ico_qq.gif" /><a href="#">客服3</a></span>
                </div>
            </div>
    </footer>
</body>

</html>